/*
 * 地址选择
 */
'use strict';
import React, { Component } from 'react';
import {
    StyleSheet,
    Text,
    View,
    TouchableHighlight,
    Image,
    PixelRatio,
    TextInput,
} from 'react-native';


import Toast from 'antd-mobile/lib/toast';
import List from 'antd-mobile/lib/list';

import NavTitle from '../component/NavTitle';

import Forget from './Forget';

import { connect } from 'react-redux';
import {changeAddress} from '../action/address';

const Item = List.Item;

class EditPwd extends Component {
    constructor(props) {
        super(props)

        this.state = {

        }
    }

    componentDidMount(){
    }

    _forgetPwd(){
        this.props.navigator.push({
            name:'Forget',
            component:Forget
        })
    }

    _register(){

    }

    render() {
        return (
            <View style={styles.container}>
                <NavTitle
                    title='修改密码'
                    leftButton = {true}
                    leftImg = {require('../imgs/left.png')}
                    leftText = {'返回'}
                    leftHander = {()=>{this.props.navigator.pop()}}
                    headColor = '#fbdc3a'
                />
                <View style={styles.content}>
                    <View style={styles.textInput}>
                        <TextInput
                            style={{height:32,fontSize:16}}
                            placeholder='请输入手机号'
                            onChangeText={(text) => this.setState({username:text})}
                            underlineColorAndroid='transparent'
                            keyboardType = 'numeric'
                            autoFocus={true}
                        />
                    </View>

                    <View style={styles.textInput}>
                        <TextInput
                            style={{height:32,fontSize:16}}
                            placeholder='请输入密码'
                            keyboardType = 'numeric'
                            underlineColorAndroid='transparent'
                            onChangeText={(text) => this.setState({smsCode:text})}
                        />
                    </View>

                    <TouchableHighlight
                        style={styles.loginBtn}
                    >
                        <Text style={styles.loginText}>确定</Text>
                    </TouchableHighlight>

                </View>
            </View>
        )
    }

}

const styles = StyleSheet.create({
    container: {
        backgroundColor: '#EEEEEF',
        flex: 1,
    },
    itemStyle:{
        flexDirection:'row'
    },
    keys:{
        marginRight:10,
    },
    content:{
        padding:20,
    },
    textInput:{
        padding:5,
        paddingLeft:10,
        borderWidth:1/PixelRatio.get(),
        marginTop:20,
        borderRadius:4,
        borderColor:'#CCC'
    },
    loginBtn:{
        padding:15,
        backgroundColor:'#FBDC3A',
        marginTop:20,
        borderRadius:3,
        justifyContent:'center',
        alignItems:'center'
    },
    loginText:{
        fontSize:16
    },
});

export default EditPwd;
